/**
 * @author temsa
 * Slidy Slide Container
 *
 * @class Slidy.components.container
 * @name Slidy.components.container
 * @extends Archetype.component.graphicalComponent
 */
$C.Extend(["Archetype.component.graphicalComponent"],
{
/** @scope Slidy.components.container.prototype */
    name: "Slidy.components.container",
    /**
     * Component setup
     */
    setup: {
	    /**
	     * Set up dependencies of the component
	     */
        dependencies: {
            components: {
                slideManager: "Slidy.components.slideManager",
                slideChangeHandler: "Slidy.components.slideChangeHandler",
                slideCounter: "Slidy.components.slideCounter"
            },
            lib: ["Slidy.libs.shjs.sh_main", "Slidy.libs.shjs.sh_javascript", "Slidy.libs.shjs.sh_html"],
            css: ["Slidy.css.slidy", "Slidy.css.w3c-blue", "Slidy.libs.shjs.sh_typical"],
            html: {
                main: "Slidy.templates.container" 
            }
        }
    },
    /**
     * Start the Component itself
     */
    initialize: function(){
    	Logger.log("Slidy container component loaded");
        Logger.log("Slidy instance:", this);

        this.render($$("#bodyContent")[0]);
        Logger.log("Slidy container component rendered");


        var sch = new this.components.slideChangeHandler();
        Logger.log("Slide Change Handler instanciated");

        var sc = new this.components.slideCounter();
        Logger.log("Slide Counter instanciated");

        var sm = new this.components.slideManager();
        Logger.log("Slide Manager instanciated");

    }
});
